home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Message Dialogs / description-msg.izs < prev    next >
Text File  |  2005-09-28  |  6KB  |  226 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Description Layer 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Offer your visitors a quick description or more information about a link before they visit it. When they put their cursor over a link a layer will appear describing the link. 
  7. <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>Messages<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13.  
  14.  
  15. <!-- HOW TO INSTALL DESCRIPTION LAYER:
  16.  
  17.   1.  Copy code into the HEAD section of document
  18.   2.  Add the onLoad event handler into the BODY tag
  19.   3.  Put last coding into the BODY section of document  -->
  20.  
  21. <!-- STEP ONE: Add code into HEAD section of document  -->
  22.  
  23. <HEAD>
  24.  
  25. <SCRIPT LANGUAGE="JavaScript">
  26. <!-- Original:  Randy Bennett (rbennett@thezone.net) -->
  27. <!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->
  28.  
  29.  
  30. <!-- Begin
  31. function setupDescriptions() {
  32. var x = navigator.appVersion;
  33. y = x.substring(0,4);
  34. if (y>=4) setVariables();
  35. }
  36. var x,y,a,b;
  37. function setVariables(){
  38. if (navigator.appName == "Netscape") {
  39. h=".left=";
  40. v=".top=";
  41. dS="document.";
  42. sD="";
  43. }
  44. else 
  45. {
  46. h=".pixelLeft=";
  47. v=".pixelTop=";
  48. dS="";
  49. sD=".style";
  50.    }
  51. }
  52. var isNav = (navigator.appName.indexOf("Netscape") !=-1);
  53. function popLayer(a){
  54. desc = "<table cellpadding=3 border=1 bgcolor=F7F7F7><td>";
  55.  
  56. if (a==1) desc += "Evrsoft Home Page!";
  57. if (a==2) desc += "Updates on all the latest scripts added to the site!";
  58. if (a==3) desc += "Browser our Table of Contents page!";
  59. if (a==4) desc += "Get JavaScript assistance in our JS forum!";
  60. if (a==5) desc += "Get the answers to our commonly asked JS questions!";
  61.  
  62. desc += "</td></table>";
  63.  
  64. if(isNav) {
  65. document.object1.document.write(desc);
  66. document.object1.document.close();
  67. document.object1.left=x+25;
  68. document.object1.top=y;
  69. }
  70. else {
  71. object1.innerHTML=desc;
  72. eval(dS+"object1"+sD+h+(x+25));
  73. eval(dS+"object1"+sD+v+y);
  74.    }
  75. }
  76. function hideLayer(a){
  77. if(isNav) {
  78. eval(document.object1.top=a);
  79. }
  80. else object1.innerHTML="";
  81. }
  82. function handlerMM(e){
  83. x = (isNav) ? e.pageX : event.clientX;
  84. y = (isNav) ? e.pageY : event.clientY;
  85. }
  86. if (isNav){
  87. document.captureEvents(Event.MOUSEMOVE);
  88. }
  89. document.onmousemove = handlerMM;
  90. //  End -->
  91. </script>
  92. </HEAD>
  93.  
  94. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  95.  
  96. <BODY OnLoad="setupDescriptions()">
  97.  
  98. <!-- STEP THREE: Copy code into BODY section of document  -->
  99.  
  100. <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div>
  101.  
  102.  
  103. <a href="http://evrsoft.com" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">Home Page</a>
  104. <p>
  105. <a href="http://evrsoft.com/new.html" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">What's New?</a>
  106. <p>
  107. <a href="http://evrsoft.com/toc.html" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">Site Contents</a>
  108. <p>
  109. <a href="http://evrsoft.com/forum/" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">JavaScript Forum</a>
  110. <p>
  111. <a href="http://evrsoft.com/faq/" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">JavaScript FAQs</a>
  112. <p>
  113.  
  114. <!-- END OF SCRIPT -->
  115. <!/SCRIPT>
  116.  
  117. <!PREVIEW>
  118. <!-- START OF SCRIPT -->
  119.  
  120.  
  121.  
  122. <!-- HOW TO INSTALL DESCRIPTION LAYER:
  123.  
  124.   1.  Copy code into the HEAD section of document
  125.   2.  Add the onLoad event handler into the BODY tag
  126.   3.  Put last coding into the BODY section of document  -->
  127.  
  128. <!-- STEP ONE: Add code into HEAD section of document  -->
  129.  
  130. <HEAD>
  131.  
  132. <SCRIPT LANGUAGE="JavaScript">
  133. <!-- Original:  Randy Bennett (rbennett@thezone.net) -->
  134. <!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->
  135.  
  136.  
  137. <!-- Begin
  138. function setupDescriptions() {
  139. var x = navigator.appVersion;
  140. y = x.substring(0,4);
  141. if (y>=4) setVariables();
  142. }
  143. var x,y,a,b;
  144. function setVariables(){
  145. if (navigator.appName == "Netscape") {
  146. h=".left=";
  147. v=".top=";
  148. dS="document.";
  149. sD="";
  150. }
  151. else 
  152. {
  153. h=".pixelLeft=";
  154. v=".pixelTop=";
  155. dS="";
  156. sD=".style";
  157.    }
  158. }
  159. var isNav = (navigator.appName.indexOf("Netscape") !=-1);
  160. function popLayer(a){
  161. desc = "<table cellpadding=3 border=1 bgcolor=F7F7F7><td>";
  162.  
  163. if (a==1) desc += "Evrsoft Home Page!";
  164. if (a==2) desc += "Updates on all the latest scripts added to the site!";
  165. if (a==3) desc += "Browser our Table of Contents page!";
  166. if (a==4) desc += "Get JavaScript assistance in our JS forum!";
  167. if (a==5) desc += "Get the answers to our commonly asked JS questions!";
  168.  
  169. desc += "</td></table>";
  170.  
  171. if(isNav) {
  172. document.object1.document.write(desc);
  173. document.object1.document.close();
  174. document.object1.left=x+25;
  175. document.object1.top=y;
  176. }
  177. else {
  178. object1.innerHTML=desc;
  179. eval(dS+"object1"+sD+h+(x+25));
  180. eval(dS+"object1"+sD+v+y);
  181.    }
  182. }
  183. function hideLayer(a){
  184. if(isNav) {
  185. eval(document.object1.top=a);
  186. }
  187. else object1.innerHTML="";
  188. }
  189. function handlerMM(e){
  190. x = (isNav) ? e.pageX : event.clientX;
  191. y = (isNav) ? e.pageY : event.clientY;
  192. }
  193. if (isNav){
  194. document.captureEvents(Event.MOUSEMOVE);
  195. }
  196. document.onmousemove = handlerMM;
  197. //  End -->
  198. </script>
  199. </HEAD>
  200.  
  201. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  202.  
  203. <BODY OnLoad="setupDescriptions()">
  204.  
  205. <!-- STEP THREE: Copy code into BODY section of document  -->
  206.  
  207. <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div>
  208.  
  209.  
  210. <a href="http://evrsoft.com" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">Home Page</a>
  211. <p>
  212. <a href="http://evrsoft.com/new.html" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">What's New?</a>
  213. <p>
  214. <a href="http://evrsoft.com/toc.html" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">Site Contents</a>
  215. <p>
  216. <a href="http://evrsoft.com/forum/" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">JavaScript Forum</a>
  217. <p>
  218. <a href="http://evrsoft.com/faq/" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">JavaScript FAQs</a>
  219. <p>
  220.  
  221.  
  222. <!-- END OF SCRIPT -->
  223. <!/PREVIEW>
  224.  
  225. <!RELATED>NONE<!/RELATED>
  226.